import React, { memo, ReactNode } from 'react'
import { UserLoginWrapper } from './style'
import vipCard from '@/assets/img/dis_vip_card.png'

interface IProps {
  children?: ReactNode
}

const UserLogin: React.FC<IProps> = () => {
  return (
    <UserLoginWrapper>
      <div className="vip_card">
        <img src={vipCard} alt="vip" />
      </div>
      <p className="desc">
        登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机
      </p>
      <a className="sprite_02">用户登录</a>
    </UserLoginWrapper>
  )
}

export default memo(UserLogin)
